<div class="dbcontain" >
    

    <div class=" m0auto tran3 tl" >
        <div class="floattitle _active_secondary">    
            <p> 联系我们 </p>
            <p> Contact Us </p>
        </div>
    
        <div class="doubleslogen _active_teriary">
                <p class="chinesetitle">最好的职业教育服务者</p>
                <p class="englishtitle">Best professional education server</p>
        </div>
    </div>
</div>

<div class="dbcontain" >

    <div class="limit-width  m0auto tran3 clearfix" >



        <div class="map imgcover"  style="background-image:url('./static/img/location.png')" >
            
            <div class="map-float-div tran3">
                <div class="map-float-info " >
                    <p>厦门裕禾深蓝教育科技有限公司</p>
                    <p>厦门市湖里区岐山路388#</p>
                    <p>电话：<a href="tel:0592-5986681">0592-5986681</a>  </p>
                </div>
            </div>
        </div> 

    </div>
</div>




<div class="dbcontain _bg_secondary" >
    <div class=" m0auto tran3 clearfix " >
        <div class="imgcontain pagelogo" ></div>
    </div>
</div>

<style>

.map{
    height:480px;
    width:100%;
    position: relative;
}

.map-float-div{
    background:rgba(0,0,0,.5);
    position:absolute;
    top:20px;
    right:20px;
    display: inline-block;
    color:#fff;
    z-index: 2;
    border-radius:5px;
}
.map-float-div:hover{
  box-shadow: 0 0 2px rgb(52,83,145);
}

.map-float-div p{
    padding:16px 32px;

}


</style>

<script>

</script>
